import Vue from 'vue';
import Router from 'vue-router';
import Home from './views/Home.vue';

Vue.use(Router);

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      alias: ['/home', '/index', '/index.html'],
    },
    {
      path: '/es6/1',
      name: 'ES6-1',
      component: () => (import('./views/ES6_1.vue')),
    },{
      path: '/es6/2',
      name: 'ES6-2',
      component: () => (import('./views/ES6_2.vue')),
    },{
      path: '/es6/3',
      name: 'ES6-3',
      component: () => (import('./views/ES6_3.vue')),
    },{
      path: '/es6/4',
      name: 'ES6-4',
      component: () => (import('./views/ES6_4.vue')),
    },{
      path: '/es6/5',
      name: 'ES6-5',
      component: () => (import('./views/ES6_5.vue')),
    },{
      path: '/es6/6',
      name: 'ES6-6',
      component: () => (import('./views/ES6_6.vue')),
    },{
      path: '/es6/7',
      name: 'ES6-7',
      component: () => (import('./views/ES6_7.vue')),
    },{
      path: '/es6/8',
      name: 'ES6-8',
      component: () => (import('./views/ES6_8.vue')),
    },{
      path: '/es6/9',
      name: 'ES6-9',
      component: () => (import('./views/ES6_9.vue')),
    },{
      path: '/es6/10',
      name: 'ES6-10',
      component: () => (import('./views/ES6_10.vue')),
    },{
      path: '/es6/11',
      name: 'ES6-11',
      component: () => (import('./views/ES6_11.vue')),
    },{
      path: '/es6/12',
      name: 'ES6-12',
      component: () => (import('./views/ES6_12.vue')),
    },{
      path: '/es6/13',
      name: 'ES6-13',
      component: () => (import('./views/ES6_13.vue')),
    },{
      path: '/es6/14',
      name: 'ES6-14',
      component: () => (import('./views/ES6_14.vue')),
    },{
      path: '/es6/15',
      name: 'ES6-15',
      component: () => (import('./views/ES6_15.vue')),
    },{
      path: '/es6/16',
      name: 'ES6-16',
      component: () => (import('./views/ES6_16.vue')),
    },
    {
      path: '/vue/1',
      name: 'Vue-1',
      component: () => (import('./views/Vue_1.vue')),
    },
    {
      path: '/vue/2',
      name: 'Vue-2',
      component: () => (import('./views/Vue_2.vue')),
    },
    {
      path: '/vue/3',
      name: 'Vue-3',
      component: () => (import('./views/Vue_3.vue')),
    },
    {
      path: '/vue/songrank',
      name: 'vue-SongRank',
      component: () => (import('./views/Vue_songRank.vue')),
    },
    {
      path: '/vue/todolist',
      name: 'vue-todolist',
      component: () => (import('./views/Vue_todolist.vue')),
    },
    {
      path: '/vue/weibo',
      name: 'vue-weibo',
      component: () => (import('./views/Vue_weibo.vue')),
    },
    {
      path: '/vue/animation',
      name: 'vue-animation',
      component: () => (import('./views/Vue_animation.vue')),
    },
    {
      path: '/vue/proxy',
      name: 'vue-proxy',
      component: () => (import('./views/Vue_proxy.vue')),
    },
  ],
});
